<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Expires" CONTENT="0">
<meta http-equiv="Cache-Control" CONTENT="no-cache">
<meta http-equiv="Pragma" CONTENT="no-cache">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bootstrap Demo</title>
<!-- 最新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css">
<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap-theme.min.css">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
<!-- less -->
<link rel="stylesheet/less" type="text/css" href="/static/default/css/styles.less">
<script src="/static/default/js/less-1.6.1.min.js" type="text/javascript"></script>
<!-- less -->
<link rel="stylesheet" type="text/css" href="/static/default/css/custom.css">
</head>
<body>
	<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
		<ul class="nav navbar-nav">
			<li><a href="new.html" class="navbar-brand"> <img src="logo.png"></a></li>
			<li class="active"><a href="#">Home</a></li>
			<li><a href="price.html">Price</a></li>
			<li><a href="contact.html">Contact</a></li>
			<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Social<b class="caret"></b></a>
				<ul class="dropdown-menu">
					<li class="socials"><g:plusone annotation="inline" width="150"></g:plusone></li>
					<li class="socials"><div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/"
							data-width="The pixel width of the plugin" data-height="The pixel height of the plugin" data-colorscheme="light"
							data-layout="standard" data-action="like" data-show-faces="true" data-send="false"></div></li>
					<li class="socials"><a href="http://www.china.com" class="twitter-share-button">Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></li>
				</ul></li>
		</ul>
	</nav>
	
	
	 <div class="span5 well pricehover">
            <table class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th>Labels</th>
                        <th>Markup</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>
                            <span class="label label-default">Default</span>
                        </td>
                        <td>
                            <code>&lt;span class="label"&gt;Default&lt;/span&gt;</code>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span class="label label-success">Success</span>
                        </td>
                        <td>
                            <code>&lt;span class="label label-success"&gt;Success&lt;/span&gt;</code>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span class="label label-warning">Warning</span>
                        </td>
                        <td>
                            <code>&lt;span class="label label-warning"&gt;Warning&lt;/span&gt;</code>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span class="label label-danger">Important</span>
                        </td>
                        <td>
                            <code>&lt;span class="label label-danger"&gt;danger&lt;/span&gt;</code>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span class="label label-info">Info</span>
                        </td>
                        <td>
                            <code>&lt;span class="label label-info"&gt;Info&lt;/span&gt;</code>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span class="label label-inverse">Inverse</span>
                        </td>
                        <td>
                            <code>&lt;span class="label label-inverse"&gt;Inverse&lt;/span&gt;</code>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>

        <div class="span5 well pricehover">
            <table class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Example</th>
                        <th>Markup</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>
                            Default
                        </td>
                        <td>
                            <span class="badge">1</span>
                        </td>
                        <td>
                            <code>&lt;span class="badge"&gt;1&lt;/span&gt;</code>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Success
                        </td>
                        <td>
                            <span class="badge badge-success">2</span>
                        </td>
                        <td>
                            <code>&lt;span class="badge badge-success"&gt;2&lt;/span&gt;</code>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Warning
                        </td>
                        <td>
                            <span class="badge badge-warning">4</span>
                        </td>
                        <td>
                            <code>&lt;span class="badge badge-warning"&gt;4&lt;/span&gt;</code>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Important
                        </td>
                        <td>
                            <span class="badge badge-important">6</span>
                        </td>
                        <td>
                            <code>&lt;span class="badge badge-important"&gt;6&lt;/span&gt;</code>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Info
                        </td>
                        <td>
                            <span class="badge badge-info">8</span>
                        </td>
                        <td>
                            <code>&lt;span class="badge badge-info"&gt;8&lt;/span&gt;</code>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Inverse
                        </td>
                        <td>
                            <span class="badge badge-inverse">10</span>
                        </td>
                        <td>
                            <code>&lt;span class="badge badge-inverse"&gt;10&lt;/span&gt;</code>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
</body>
</html>